import React, { PureComponent } from 'react';
import styles from './styles.less';
import { IconC } from '../../../../../components';

export default class StatisticsCard extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  UNSAFE_componentWillReceiveProps(nextProps) {}

  render() {
    const { icon, title, number } = this.props;

    return (
      <div className={styles.statisticscard}>
        <div style={{ width: '50%', textAlign: 'center' }}>
          <IconC type={icon} className={styles.icon} />
        </div>

        <div style={{ width: '50%' }}>
          <span className={styles.text}>{title}</span>
          <span className={styles.number}>{number}</span>
        </div>
      </div>
    );
  }
}
